{%include file="index.header.tpl.php"%}
{%include file="index.left.tpl.php"%}
  <!--主要内容开始-->
  <div class="content-wrapper">
    <section class="content">
      <div class="row">
        <section class="col-lg-12 connectedSortable">
         <div class="box box-default box-solid">
                <div class="box-header with-border">
                    <span class="fa fa-list" style="float:left; font-size:18px; margin-top:2px; color:#3c8dbc;" ></span>
                    <p class="box-title">代课明细列表</p>
                </div>
                    <div class="box-body">
                    	<form action="" method="get">
                            <div class="col-md-3 form-group">
                                <label for="inputPassword3" class="col-sm-4 control-label text-right" style="padding-right:0; padding-left:0; font-weight:500; margin:0;">
                                    学年学期：
                                </label>
                                <div class="input-group col-md-8 col-xs-12">
                                    <select class="form-control" name="semester_id" id="semester_id">
                                        <option value="">请选择</option>
                                        {%foreach from=$semester_lists key=key item=value%}
                                        <option value="{%$value.semester_id%}"{%if $value.semester_id==$semester_id %}selected{%/if%}>{%$value.semester_xname%}{%$value.semester_name%}</option>
                                        {%/foreach%}
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3 form-group">
                                <label for="inputPassword3" class="col-sm-4 control-label text-right" style="padding-right:0; padding-left:0; font-weight:500; margin:0;">
                                    月份：
                                </label>
                                <div class="input-group col-md-8 col-xs-12">
                                    <select class="form-control" id="semester_month" name="month_id">
                                    </select>
                                </div>
                            </div>
                            <input type="hidden" name="a" value="absent.list">
                            <button type="submit" class="btn btn-warning">查 询</button>
                        </form>
                       <table class="table table-bordered table-striped" id="mytable">
                          <thead>   
                             <tr style=" background-color:#5fb2dc;">
							    <td>班级</td>
								<td>原学科</td>
								<td>星期几</td>
								<td>开始日期</td>
								<td>结束日期</td>
								<td>节次</td>
								<td>原科任</td>
								<td>原因</td>
								<td>代理学科</td>
								<td>代理教师</td>
								<td>录入时间</td>
							 </tr>
                         </thead>
							 {%foreach from=$absent_lists key=key item=value%}
                             <tr>
							    <td>{%$value.class_name%}</td>
								<td>{%$value.from_subjectname%}</td>
								<td>{%$value.absent_week%}</td>
								<td>{%$value.start_time%}</td>
								<td>{%$value.end_time%}</td>
								<td>{%$value.absent_section%}</td>
								<td>{%$value.from_staffname%}</td>
								<td>{%$value.absent_itemname%}</td>
								<td>{%$value.to_subjectname%}</td>
								<td>{%$value.to_staffname%}</td>
								<td>{%$value.create_time%}</td>
							 </tr>
							 {%/foreach%}
						 </table> 
						 {%$page%}
				    </div><!--box-body --> 
             </div><!--box box-default box-solid-->
          </section>   
        </div><!--row-->
    </section>
 </div>
{%include file="index.footer.tpl.php"%}
<script type="text/javascript">
	$(document).ready(function () {
		$("#semester_id").change(function () {
			if ($(this).val() == "-1") {
				$("#industr").remove(); return;
			}
			else {
				var timestamp = new Date().getTime();
				$.ajax({
					url:"index.php?a=semester.MonthJson",
					type:"get",
					data: "semester_id=" + $("#semester_id").find("option:selected").val() + "&timestamp=" + timestamp,
					dataType:"json",
					success:function(msg){

						//实例2个字符串变量来拼接下拉列表
						var industr = "";
						//使用jquery解析json中的数据
						$.each(msg, function (n, value) {
							industr += ("<option value=\"" + value.semester_month + "\">" + value.semester_month);
							industr += ("</option>");
						});

						$("#semester_month").html(industr);
					}
				});

			}

		});

	});
</script>